<template>
    <div>
      <Header></Header>
      <el-container>
        <el-aside width="250px">
          <el-menu
            class="el-menu-vertical-demo"
            router>
            <el-menu-item index="mycollect">
              <i class="el-icon-box"></i>
              <span slot="title">收藏</span>
            </el-menu-item>
            <el-menu-item index="mypost">
              <i class="el-icon-goods"></i>
              <span slot="title">发布</span>
            </el-menu-item>
            <el-menu-item index="accountsetting">
              <i class="el-icon-user"></i>
              <span slot="title">账号设置</span>
            </el-menu-item>
            <el-menu-item index="securitySetting">
              <i class="el-icon-lock"></i>
              <span slot="title">安全设置</span>
            </el-menu-item>
            <el-menu-item index="notification">
              <i class="el-icon-bell"></i>
              <span slot="title">通知</span>
            </el-menu-item>
            <el-menu-item index="follow">
              <i class="el-icon-view"></i>
              <span slot="title">我的关注</span>
            </el-menu-item>
          </el-menu>
        </el-aside>
        <el-main class="m-content">
          <router-view></router-view>
        </el-main>
      </el-container>
      <Footer></Footer>
    </div>
</template>

<script>
import Header from '../components/Header'
import Footer from '../components/Footer'
export default {
  name: 'Profile',
  components: { Footer, Header }
}
</script>

<style scoped>
.m-content {
  min-height: 800px;
}
</style>
